// pages/order/order.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isBinding: false,
    popBgShow: false,
    orderShow: true,
    orderList: [],
    // 可预约列表
    orderList: [{
      id: 0,
      color: 'orange',
      name: '入职体检-通用',
      time: '2019.10.10',
      canOrder: true,
      icons: ['../../images/wait_state_icon.png'],
      isCancel: false,
      canRefund: false,
      chooseList: [{
        id: 20,
        icons: ['../../images/wait_state_icon.png'],
        name: '安心经典套餐1号',
        info: '加项包套餐',
        plus: 'true'
      }]
    }, {
      id: 1,
      color: 'light-blue',
      name: 'A体检套餐升级套餐一',
      time: '2019.10.10',
      canOrder: true,
      icons: ['../../images/wait_state_icon.png'],
      isCancel: false,
      canRefund: true,
      chooseList: []
    }, {
      id: 2,
      color: 'blue',
      name: '安心经典套餐1号',
      time: '2020.04.22',
      canOrder: true,
      icons: [''],
      isCancel: false,
      canRefund: true,
      canPlus: true,
      canLevelUp: true,
      isOrder: true,
      chooseList: [{
        id: 20,
        icons: ['../../images/wait_state_icon.png'],
        name: '安心经典套餐1号',
        info: '加项包套餐',
        plus: 'true'
      }],
      infoList: [{
        title: '安心经典套餐1号',
        detailList: [{
          title: '套餐特点：',
          content: '重点针对肝脏系统病原的检查，并对颈椎进行精密检查，适合经常坐在办公室缺少运动，希望得到全面的检查的人群建议此套餐。肝脏系统及颈椎的精密检查，白领群体标准套餐。'
        }, {
          title: '适合人群：',
          content: '适合缺乏运动的办公室人群。'
        }]
      }]
    }, {
      id: 3,
      color: 'blue',
      name: '2019年度体检\n套餐二选一',
      time: '2019.12.10',
      canOrder: true,
      icons: ['../../images/wait_state_icon.png'],
      isCancel: false,
      canRefund: false,
      chooseList: [{
        id: 30,
        name: '企业团检A体检套餐',
        info: '针对员工身体做出系统的初步检查'
      }, {
        id: 31,
        name: '企业团检B体检套餐',
        info: '针对员工身体做出系统的初步检查'
      }],
      infoList: [{
        title: '企业团检A体检套餐',
        detailList: [{
          title: '套餐特点：',
          content: '重点针对肝脏系统病原的检查，并对颈椎进行精密检查，适合经常坐在办公室缺少运动，希望得到全面的检查的人群建议此套餐。肝脏系统及颈椎的精密检查，白领群体标准套餐。'
        }, {
          title: '适合人群：',
          content: '适合缺乏运动的办公室人群。'
        }]
      }, {
        title: '企业团检B体检套餐',
        detailList: [{
          title: '套餐特点：',
          content: '重点针对肝脏系统病原的检查，并对颈椎进行精密检查，适合经常坐在办公室缺少运动，希望得到全面的检查的人群建议此套餐。肝脏系统及颈椎的精密检查，白领群体标准套餐。'
        }, {
          title: '适合人群：',
          content: '适合缺乏运动的办公室人群。'
        }]
      }, {
        title: '企业团检C体检套餐',
        detailList: [{
          title: '套餐特点：',
          content: '重点针对肝脏系统病原的检查，并对颈椎进行精密检查，适合经常坐在办公室缺少运动，希望得到全面的检查的人群建议此套餐。肝脏系统及颈椎的精密检查，白领群体标准套餐。'
        }, {
          title: '适合人群：',
          content: '适合缺乏运动的办公室人群。'
        }]
      }]
    },{
      id: 4,
      color: 'green',
      name: '体检卡内体检套餐\n套餐二选一',
      time: '2019.12.10',
      canOrder: true,
      icons: ['../../images/wait_state_icon.png'],
      isCancel: false,
      canRefund: false,
      chooseList: [{
        id: 30,
        name: '体检卡内A体检套餐',
        info: '针对员工身体做出系统的初步检查'
      }, {
        id: 31,
        name: '体检卡内B体检套餐',
        info: '针对员工身体做出系统的初步检查'
      }],
      infoList: [{
        title: '体检卡内A体检套餐',
        detailList: [{
          title: '套餐特点：',
          content: '重点针对肝脏系统病原的检查，并对颈椎进行精密检查，适合经常坐在办公室缺少运动，希望得到全面的检查的人群建议此套餐。肝脏系统及颈椎的精密检查，白领群体标准套餐。'
        }, {
          title: '适合人群：',
          content: '适合缺乏运动的办公室人群。'
        }]
      }, {
        title: '体检卡内B体检套餐',
        detailList: [{
          title: '套餐特点：',
          content: '重点针对肝脏系统病原的检查，并对颈椎进行精密检查，适合经常坐在办公室缺少运动，希望得到全面的检查的人群建议此套餐。肝脏系统及颈椎的精密检查，白领群体标准套餐。'
        }, {
          title: '适合人群：',
          content: '适合缺乏运动的办公室人群。'
        }]
      }]
    }, {
      id: 4,
      color: 'light-blue',
      name: 'A体检套餐升级套餐二',
      time: '2019.10.10',
      canOrder: false,
      icons: [],
      isCancel: true,
      canRefund: false,
      stateIcon: '../../images/timing_icon.png',
      stateText: '取消中',
      chooseList: []
    }],
    // 已失效列表
    invalidList: [{
      id: 0,
      color: 'grey',
      name: 'A体检套餐升级套餐一',
      time: '2019.12.10',
      canOrder: false,
      icons: ['../../images/invalid_icon.png'],
      isCancel: true,
      canRefund: false,
      stateIcon: '../../images/money_icon.png',
      stateText: '退款成功',
      chooseList: []
    }, {
      id: 1,
      color: 'grey',
      name: '2019年度体检\n套餐二选一',
      time: '2019.12.10',
      canOrder: false,
      icons: ['../../images/invalid_icon.png', '../../images/upgraded_icon.png', '../../images/plus_icon.png'],
      isCancel: false,
      canRefund: false,
      chooseList: [{
        id: 0,
        name: '企业团检A体检套餐',
        info: '针对员工身体做出系统的初步检查',
      }, {
        id: 1,
        name: '企业团检B体检套餐',
        info: '针对员工身体做出系统的初步检查',
      }]
    }, {
      id: 2,
      color: 'grey',
      name: '2018年度体检\n套餐二选一',
      time: '2018.12.10',
      canOrder: false,
      icons: ['../../images/invalid_icon.png'],
      isCancel: false,
      canRefund: false,
      chooseList: [{
        id: 0,
        name: '企业团检A体检套餐',
        info: '针对员工身体做出系统的初步检查',
      }, {
        id: 1,
        name: '企业团检B体检套餐',
        info: '针对员工身体做出系统的初步检查',
      }]
    }],
    popInfoList: [],
  },
  onLoad: function(options) {
    
  },
  // tab切换点击事件
  tabChoose: function(e) {
    let id = e.currentTarget.id;
    if (id == 0) {
      this.setData({
        orderShow: true,
      })
    }else {
      this.setData({
        orderShow: false,
      })
    }
  },
  // 套餐说明点击事件
  showInfo: function(e) {
    let id = e.currentTarget.id,
    list = this.data.orderList,
    popInfoList = this.data.popInfoList;
    for (let i = 0; i < list.length; i++) {
      if (id == list[i].id) {
        popInfoList = list[i].infoList;
      }
    }
    this.setData({
      popBgShow: true,
      popInfoList
    })
  },
  // 加项包点击事件
  orderPlus: function(e) {

  },
  // 升级套餐点击事件
  orderLevelUp: function (e) {

  },
  // 预约点击事件
  orderService: function(e) {

  },
  // 绑定体验卡点击事件
  bindingCard: function(e) {

  },
  // 申请退款点击事件
  orderRefund: function(e) {
    wx.showModal({
      content: "您确定要申请退款吗？",
      confirmText: "确定",
      cancelText: "取消",
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  // 套餐详情点击事件
  orderDetail: function(e) {

  },
  // 关闭套餐说明点击事件
  closePop: function(e) {
    this.setData({
      popBgShow: false,
    })
  }
})